Page({
  data: {
    activedNav: '',
    scrollIntoView: '',
    introduce: [
      {
        id: 'tag1',
        catlog: '标签一',
        background: 'black',
        content: [
          {
            title: '标签一标题',
            subTitle: '标签一副标题',
            description: [
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
            ]
          }
        ]
      },
      {
        id: 'tag2',
        catlog: '标签二',
        background: 'white',
        content: [
          {
            title: '标签二标题',
            subTitle: '标签二标题副标题',
            description: [
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
            ]
          }
        ]
      },
      {
        id: 'tag3',
        catlog: '标签三',
        background: 'black',
        content: [
          {
            title: '标签三标题',
            subTitle: '标签三副标题',
            description: [
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容',
              '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
            ]
          }
        ]
      }
    ],
    showMark: true
  },
  onClickNav(e) {
    this.setData({ scrollIntoView: e.detail.name })
  },
  handleScroll() {
    // 隐藏手指提示
    this.setData({ showMark: false })

    const { activedNav } = this.data

    wx.createSelectorQuery()
      .selectAll('.introduce-item')
      .boundingClientRect()
      .exec(rets => {
        for (let i = rets[0].length - 1; i >= 0; i--) {
          const { top, id } = rets[0][i]
          if (i !== 0) {
            // 44是nav的高度
            // 不是第一个nav
            if (parseInt(top) <= 44) {
              this.setData({ activedNav: id })
              break
            }
          } else {
            // 是第一个nav
            if (activedNav) {
              // nav显示
              if (parseInt(top) > 44) {
                this.setData({ activedNav: '' })
              }
            } else {
              // nav未显示
              if (parseInt(top) <= 0) {
                this.setData({ activedNav: id })
              }
            }
          }
        }

      })
  }
})